<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>工器管理系统</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,user-scalable=no">
		<!-- <link rel="stylesheet" href="css/bootstrap/bootstrap-theme.min.css"> -->
		<!-- <link rel="stylesheet" href="css/bootstrap/bootstrap.min.css"> -->
		<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.7.2/font/bootstrap-icons.css">
		<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/css/bootstrap.min.css" integrity="sha384-zCbKRCUGaJDkqS1kPbPd7TveP5iyJE0EjAuZQTgFLD2ylzuqKfdKlfG/eSrtxUkn" crossorigin="anonymous">
		<link rel="stylesheet" href="css/common.css">		
		<link rel="stylesheet" href="css/main/main.css">
	</head>
	<body>
		<div class="container-fluid content contbg">
			<div class="content d-flex flex-column">
				<!-- 顶部 -->
				<div class="top clearfix">
					<div class="logo float-left">
						<img alt="image" class="main_logo" src="image/main-logo.jpeg"/>
						<span class="top_title">工器具管理系统</span>								
					</div>
					<div class="logoRight float-right">
						<span class="role">系统管理员 </span>
						<span class="shark">|</span>
						<span class="exit"> 退出</span>								
					</div>	
				</div>
				<!-- 底部 -->
				<div class="bottom flex-grow-1">
					<div class="bottombg d-flex flex-row">
						<div class="navMenu">
							<ul class="nav flex-column">
								<li class="nav-item 1 hide activeBG" datalink = "html/applianceList.html"  data-text="工器具列表">
									<img class="nav-link-icon" src="image/tools-hardware.png" />
									<a class="nav-link active" href="javascript:;">工器具列表</a>
								</li>
								<li class="nav-item 2 hide" datalink = "html/userManage.html" data-text="用户管理">
									<img class="nav-link-icon" src="image/user_icon.png" />
									<a class="nav-link" href="javascript:;">用户管理</a>
								</li>
								<li class="nav-item 3 hide" datalink = "html/wareHouse.html" data-text="仓库列表">
									<img class="nav-link-icon" src="image/warehouse_icon.png" />
									<a class="nav-link" href="javascript:;">仓库列表</a>
								</li>
								<li class="nav-item 4 hide" datalink = "html/borrowList.html" data-text="领用记录">
									<img class="nav-link-icon" src="image/borrow_icon.png" />
									<a class="nav-link" href="javascript:;">领用纪录</a>
								</li>
							</ul>
						</div>
						<div class="pcenter flex-grow-1 d-flex flex-column">
							<nav aria-label="breadcrumb">
							  <ol class="breadcrumb">
							    <li class="breadcrumb-item">首页</li>
							    <li class="breadcrumb-item active" aria-current="page">工器具列表</li>
							  </ol>
							</nav>
							<div class="tableShow flex-grow-1">
								<iframe id="home_iframe" class="J_iframe" name="iframe0" width="100%" height="100%" src="html/applianceList.html" frameborder="0" data-id="" seamless></iframe>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</body>
	<!-- <script src="js/jquery.min.js"></script>
	<script src="js/bootstrap/bootstrap.min.js"></script> -->
	<script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
	<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-fQybjgWLrvvRgtW6bFlB7jaZrFsaBXjsOMm/tB9LTS58ONXgqbR9W8oWht/amnpF" crossorigin="anonymous"></script>
	<script type="text/javascript" src="js/database.js"></script>
	<script src="js/main/main.js"></script>
</html>
